<template>
	<view class="noticeLayout">
		<view class="title">
			<view class="tag" v-if="detail.select">
				<uni-tag inverted text="置顶" type="error"></uni-tag>
			</view>
			<view class="font">{{detail.title}}</view>
		</view>
		
		<view class="info">			
			<view class="item">{{detail.author}}</view>
			<view class="item">
				<uni-dateformat :date="detail.publish_date" format="yyyy-MM-dd hh:mm:ss"></uni-dateformat>
			</view>
		</view>
		
		<view class="content">
			<rich-text :nodes="detail.content"></rich-text>
		</view>
		
		<view class="count">
			阅读量 {{detail.view_count}}
		</view>
		
	</view>
</template>

<script setup>
import {apiGetNoticeDetail} from "@/api/apis.js" 
import {ref} from "vue"
import {onLoad} from "@dcloudio/uni-app"

const detail = ref({})

let noticeId;
onLoad((e)=>{
	
	noticeId = e.id;
	getNoticeDetail();
})

const getNoticeDetail = ()=>{
	
	let res = apiGetNoticeDetail({
		id:noticeId
	}).then(res=>{
		
		detail.value = res.data;
		console.log(res);
		
	})
	
}


</script>

<style lang="scss" scoped>

.noticeLayout{
	
	padding: 30rpx;
	
	.title{
		
		font-size: 40rpx;
		color: #111;
		padding-bottom: 30rpx;
		line-height: 1.6em;
		display: flex;

		
		height: 100rpx;
		width: 100%;
		
		.tag{
			
			transform: scale(0.8);
			transform-origin: left center;
			flex-shrink: 0;
			
		}
		.font{
			
			padding-left: 6rpx;
			
		}
		
	}
	.info{
		
		display: flex;
		align-items: center;
		color: #999;
		font-size: 28rpx;
		
		.item{
			
			padding-left: 20rpx;
			
		}
		
	}
	.content{
		
		padding: 50rpx 0;
		
	}
	.count{
		
		color: #999;
		font-size: 28rpx;
	}
}
	
	       
</style>  
